<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>数字合约--用户中心</title>
    <!-- Bootstrap -->
    <link href="public/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="public/css/common.css" rel="stylesheet"><!--公共样式-->
    <link href="public/css/user.css" rel="stylesheet"><!--首页样式-->
    <link rel="stylesheet" href="public/css/follow_flat_record.css"><!--平仓记录样式-->
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="public/js/html5shiv.min.js"></script>
    <script src="public/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- 头部 -->
<nav class="navbar navbar-default navbar-fixed-top head">
    <div class="container">
        <div class="container-fluid">
            <!-- logo -->
            <div class="navbar-header logo">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#"><img src="public/image/logo_name.png" height="36px"></a>
            </div>

            <!-- 菜单 -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">主页</a></li>
                    <li><a href="#">合约交易</a></li>
                    <li><a href="#">期权交易</a></li>
                    <li><a href="#">智能跟单</a></li>
                    <li><a href="#">资讯</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
                <!--  二级菜单-->
                <ul class="nav navbar-nav navbar-right head_right">
                    <li class="dropdown">
                        <!--  <button type="button" class="btn btn-default navbar-btn">登录</button>
                          <button type="button" class="btn btn-default navbar-btn">注册</button>-->
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                           aria-expanded="false">
                            <img class="head_img" src="public/image/head.png">
                            <span>数字合约</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Action</a></li>
                            <li><a href="#">Another action</a></li>
                            <li><a href="#">Something else here</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">Separated</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>

<!--主体-->
<div class="centent_center">
    <div class="container">
        <!--左侧菜单-->
        <div class="list-group list_user">
            <a href="#" class="list-group-item active"> 账户中心</a>
            <a href="#" class="list-group-item">钱包中心</a>
            <a href="#" class="list-group-item">推广中心</a>
            <a href="#" class="list-group-item">跟随交易</a>
            <a href="#" class="list-group-item">充值明细</a>
            <a href="#" class="list-group-item">分享赚币</a>
            <a href="#" class="list-group-item">消息中心</a>
            <a href="#" class="list-group-item">账号设置</a>
            <a href="#" class="exit">退出</a>
        </div>
        <style>

        </style>
        <!-- 右侧内容-->
        <div class="user_right_centent">
            <!--跟随交易-->
            <div class="follow_transaction_head">
                <div class="follow_transaction_title">
                    <p>跟随交易>平仓记录</p>
                </div>
            </div>
            <style>

            </style>
            <!--平仓记录列表-->
            <div class="follow_flat_record_centent">
                <div class="follow_transaction_listbox clearfix">
                    <ul class="mui-row follow_flat_record_listul">
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p class="follow_buy_minus">买跌</p>
                            <p>BTC/USTD</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>订单号</p>
                            <p>BTC201X9</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>亏盈</p>
                            <p class="follow_buy_minus">-48.30</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>交易手续费</p>
                            <p>25.60</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>交易手数</p>
                            <p>1手</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>保证金数</p>
                            <p>240</p>
                        </li>
                    </ul>
                    <ul class="mui-row follow_flat_record_listul">
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>开仓价</p>
                            <p>6103.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>平仓价</p>
                            <p>6193.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>止损价</p>
                            <p>6503.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>止盈价</p>
                            <p>589.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>开仓时间</p>
                            <p>06/22 17:19</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>平仓时间</p>
                            <p>06/23 11:39</p>
                        </li>
                    </ul>
                </div>
                <div class="follow_transaction_listbox clearfix">
                    <ul class="mui-row follow_flat_record_listul">
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p class="follow_buy_minus">买跌</p>
                            <p>BTC/USTD</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>订单号</p>
                            <p>BTC201X9</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>亏盈</p>
                            <p class="follow_buy_minus">-48.30</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>交易手续费</p>
                            <p>25.60</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>交易手数</p>
                            <p>1手</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>保证金数</p>
                            <p>240</p>
                        </li>
                    </ul>
                    <ul class="mui-row follow_flat_record_listul">
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>开仓价</p>
                            <p>6103.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>平仓价</p>
                            <p>6193.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>止损价</p>
                            <p>6503.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>止盈价</p>
                            <p>589.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>开仓时间</p>
                            <p>06/22 17:19</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>平仓时间</p>
                            <p>06/23 11:39</p>
                        </li>
                    </ul>
                </div>
                <div class="follow_transaction_listbox clearfix">
                    <ul class="mui-row follow_flat_record_listul">
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p class="follow_buy_minus">买跌</p>
                            <p>BTC/USTD</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>订单号</p>
                            <p>BTC201X9</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>亏盈</p>
                            <p class="follow_buy_minus">-48.30</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>交易手续费</p>
                            <p>25.60</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>交易手数</p>
                            <p>1手</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>保证金数</p>
                            <p>240</p>
                        </li>
                    </ul>
                    <ul class="mui-row follow_flat_record_listul">
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>开仓价</p>
                            <p>6103.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>平仓价</p>
                            <p>6193.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>止损价</p>
                            <p>6503.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>止盈价</p>
                            <p>589.94</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>开仓时间</p>
                            <p>06/22 17:19</p>
                        </li>
                        <li class="col-sm-2 col-md-2 col-lg-2">
                            <p>平仓时间</p>
                            <p>06/23 11:39</p>
                        </li>
                    </ul>
                </div>
                <nav aria-label="Page navigation" class="page_box">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li><a href="#" class="paging_active">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- 尾部-->
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-6">
                <p class="title">UITOUS</p>
                <p>UITOUS是一个提供区块链场外交易和币币交易平台，我们致力于让区块链更有效的流动，让更多人可以参与到区块链行业中来</p>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">客服服务</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">客服端下载</a></li>
                </ul>
            </div>
            <div class="col-md-3 col-md-3">
                <ul>
                    <li class="title"><a href="">关于我们</a></li>
                    <li><a href="">公司介绍</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </div>
            <div class="col-md-12 col-md-12">Copyright 2017-1018 BIHUE.COM Rights Reserved</div>
        </div>
    </div>
</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="public/js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="public/bootstrap/js/bootstrap.min.js"></script>
<script src="public/js/user.js"></script>
</body>
</html>